<template>
	<view>


		<u-collapse ref='coll' :value="['1','4']">
			<u-collapse-item name="1" title="人员" icon="https://project.gxrunxiang.com/cdn/image.png">
				<u-cell-group :border="false">
					<u-cell :border='false' title="1 施工现场必须有指定的安全员,安全员必须持有省级住建部门颁发的相关资格证书"
						:label="CheckJsonArr[0]"></u-cell>
					<u-cell :border='false' title="2 施工人员必须通过建设方组织的安全生产管理培训考试并取得资格证书,施工前身体健康精神容貌良好无饮酒宿醉"
						:label="CheckJsonArr[1]"></u-cell>
					<u-cell :border='false' title="3 施工人员是否购买足额保险" :label="CheckJsonArr[2]"></u-cell>
					<u-cell :border='false' title="4 施工人员安全培训是否合格,穿戴好防护用品" :label="CheckJsonArr[3]"></u-cell>
				</u-cell-group>
			</u-collapse-item>
			<u-collapse-item name="1" title="材料" icon="https://project.gxrunxiang.com/cdn/image.png">
				<u-cell-group :border="false">
					<u-cell :border='false' title="5 现场施工材料必须堆放在指定地点,堆放材料不会被水浸,不会被车辆或行人破坏,不会被盗窃"
						:label="CheckJsonArr[4]"></u-cell>
					<u-cell :border='false' title="6 现场施工材料应分类堆放,要有专人看守" :label="CheckJsonArr[5]"></u-cell>
					<u-cell :border='false' title="7 现场材料采用谁使用谁领取的原则,对未使用完的材料必须在下班前将剩余材料分类放置到材料堆放处,严禁施工人员将材料带出施工区域"
						:label="CheckJsonArr[6]"></u-cell>
				</u-cell-group>
			</u-collapse-item>
			<u-collapse-item name="1" title="高空" icon="https://project.gxrunxiang.com/cdn/image.png">
				<u-cell-group :border="false">
					<u-cell :border='false'
						title="8 高空作业(2米以上)时,登高人员必须具有国家相关部门颁发的登高作业证书,必须戴好安全帽,安全带,防滑鞋进行作业,作业前一定要对安全防护措施进行检查,恐高症,癫痫,昏厥及眩晕症,以及其他不适于高出作业疾患人员,不得从事高处作业"
						:value="CheckJsonArr[7]"></u-cell>
					<u-cell :border='false' title="9 高空作业使用的人字梯型或竹梯的底部必须要有防滑橡胶垫，人字梯中部必须要有将两边连接在一起的物体;梯上有人作业时必须有专人扶梯"
						:label="CheckJsonArr[8]"></u-cell>
					<u-cell :border='false'
						title="10 登高人员上下塔杆就一步一扣在施工作业处上方的牢固构件上，不得在有尖锐棱角或有可能转动的部位施工作业面所有可坠落的物体，应一律先行拆除或加以固定后再进行施工"
						:label="CheckJsonArr[9]"></u-cell>
					<u-cell :border='false'
						title="11 户外高空施工作业尽可能晴朗无强风的白天进行，禁止在雷雨天气和晚间进行作业，避免在雨天和雪天进行作业，实在无法避免时，必须采取可靠的防滑、防寒和防冻措施，凡遇水、冰、霜、雪均应先清理后再施工"
						:label="CheckJsonArr[10]"></u-cell>
					<u-cell :border='false'
						title="12 高空作业时，所用材料应放置稳妥，所用工具应随手装入工具袋内，并随用随封口，防止坠落伤人，应让携带工具人员后上，下时先让携带工具人员先下，防止工具脱落伤人"
						:label="CheckJsonArr[11]"></u-cell>
					<u-cell :border='false'
						title="13 每次吊装前要对吊环、卸扣、吊带等起重用具进行检查，有损坏的要禁止使用，确认滑轮是否紧固，吊物是否正确地挂在吊钩上，起吊之前检查，检查并确认没有人处在可能被提起的起吊物撞到或刮到的位置上且下方禁止人员靠近"
						:label="CheckJsonArr[12]"></u-cell>
				</u-cell-group>
			</u-collapse-item>
			<u-collapse-item name="1" title="弱电" icon="https://project.gxrunxiang.com/cdn/image.png">
				<u-cell-group :border="false">
					<u-cell :border='false' title="14 弱电线井内施工前，首先应征得业主同意，按照业主批准的路由进行光缆的布放和器件的安装"
						:label="CheckJsonArr[13]"></u-cell>
					<u-cell :border='false' title="15 在进入线井内施工前，应对所用线进行检查，确定该线井是弱电电井，严禁破坏井内原有线缆和设备，布放线缆及安装器件时应用扎带绑扎牢固"
						:label="CheckJsonArr[14]"></u-cell>
					<u-cell :border='false' title="16 打开弱电井门后，施工人员首先用试电笔测试弱电井内金属设施是否存在漏电现象，确认无漏电后再进行施工作业"
						:label="CheckJsonArr[15]"></u-cell>
				</u-cell-group>
			</u-collapse-item>
			<u-collapse-item name="1" title="交通" icon="https://project.gxrunxiang.com/cdn/image.png">
				<u-cell-group :border="false">
					<u-cell :border='false' title="17 作业人员必须配备齐全安全防护用品（工作服安全帽反光背心等）且必须穿戴好防护用品"
						:label="CheckJsonArr[16]"></u-cell>
					<u-cell :border='false' title="18 作业人员必须配备齐全安全防护用品（工作服安全帽反光背心等）且必须穿戴好防护用品"
						:label="CheckJsonArr[17]"></u-cell>
					<u-cell :border='false' title="19 作业人员在上在道路穿行，应做到一看二停三通过,禁止与车辆抢行,不得斜穿马路，不许嬉戏打闹"
						:label="CheckJsonArr[18]"></u-cell>
					<u-cell :border='false' title="20 施工材料运输时候要避让来往车辆及行人，前后或左右设专人旗进行交通指挥，防止刮喷车辆及行人"
						:label="CheckJsonArr[19]"></u-cell>

				</u-cell-group>
			</u-collapse-item>
			<u-collapse-item name="1" title="用电" icon="https://project.gxrunxiang.com/cdn/image.png">
				<u-cell-group :border="false">
					<u-cell :border='false'
						title="21 现场操作人员必须具有国家相关颁发的电工作业证书，需注意强电、高压用电，防止触电事故发生，使用的电气设备必须是绝缘良好，各种电动机具应接地接零"
						:label="CheckJsonArr[20]"></u-cell>
					<u-cell :border='false' title="22 各类临时用电线缆应无老化、破损、严禁将线头直接插入插座内取电" :label="CheckJsonArr[21]">
					</u-cell>
					<u-cell :border='false' title="23 所有现场施工机械必须采用“一机、一眩”的用电保护，停用的设备必须拉闸断电,锁好开关箱"
						:label="CheckJsonArr[22]"></u-cell>
				</u-cell-group>
			</u-collapse-item>
			<u-collapse-item name="1" title="其他" icon="https://project.gxrunxiang.com/cdn/image.png">
				<u-cell-group :border="false">
					<u-cell :border='false' title="危险源" :label="formState.Danger"></u-cell>
					<u-cell :border='false' title="注意事项" :label="formState.Remark"></u-cell>
					<u-cell :border='false' title="填报地点" :label="formState.Addr"></u-cell>
				</u-cell-group>
			</u-collapse-item>
			<!-- 		<u-collapse-item   name="4" title="交底文件照片" icon="https://cdn.uviewui.com/uview/example/image.png">
					<u-album :urls="imagesurls1"></u-album>
				</u-collapse-item> -->
			<u-collapse-item name="4" title="人员照片" icon="https://project.gxrunxiang.com/cdn/image.png">
				<u-album :urls="imagesurls2"></u-album>
			</u-collapse-item>
			<u-collapse-item name="4" title="现场照片" icon="https://project.gxrunxiang.com/cdn/image.png">
				<u-album :urls="imagesurls3"></u-album>
			</u-collapse-item>
			<!-- <u-collapse-item name="4" title="地图查看" icon="https://project.gxrunxiang.com/cdn/image.png">
				<u-link href="map" text="地图查看" @click="map"></u-link>
			</u-collapse-item> -->
		</u-collapse>

		<!-- <u-button type="primary" text="保存" @click="save"></u-button> -->
		<u-notify ref="uNotify"></u-notify>
	</view>
</template>

<script>
	import {
		baseUrl
	} from '@/common/config.js'
	import {
		mapGetters
	} from 'vuex'
	import {
		getbuildsafebyid,
		getfilebyoutid
	} from '@/common/api.js'
	export default {
		data() {
			return {
				CheckJsonArr: [],
				CheckJson: '1111111111111111111',
				formState: {
					BuildInfo: {
						Name: ""
					}
				},
				fileList1: [],
				buildid: null,
				id: null,
				imagesurls1: [],
				imagesurls2: [],
				imagesurls3: [],
				notifyData: {
					message: '保存成功',
					type: 'success',
					color: '#ffffff',
					bgColor: '',
					fontSize: 15,
					duration: 3000,
					safeAreaInsetTop: false
				},
			}
		},
		onLoad(option) {
			this.buildid = option.buildid

			if (option.id)
				this.getdate(option.id)
			// this.imagesurls1=this.imagesurls2=this.imagesurls3=[]
			this.imagesurls1 = []
			this.imagesurls2 = []
			this.imagesurls3 = []
			getfilebyoutid(option.id).then(res => {
				for (var i = 0; i < res.length; i++) {
					if (res[i].MyType == '交底文件照片') {
						this.imagesurls1.push(`${baseUrl}/SysFile/download?id=${res[i].Id}`)
					}
					if (res[i].MyType == '人员照片') {
						this.imagesurls2.push(`${baseUrl}/SysFile/download?id=${res[i].Id}`)
					}
					if (res[i].MyType == '现场照片') {
						this.imagesurls3.push(`${baseUrl}/SysFile/download?id=${res[i].Id}`)
					}
				}
				console.log(this.imagesurls1)
				console.log(this.imagesurls2)
				console.log(this.imagesurls3)
				setTimeout(() => {
						// console.log(this.$refs.coll)
						this.$refs.coll.init()

					},
					500)

			})
		},

		methods: {
			// map() {
			// 	uni.navigateTo({
			// 		url: "map?buildid=" + this.formState.BuildInfo.Id
			// 	})

			// },
			getdate(id) {
				getbuildsafebyid(id).then(res => {
					this.formState = res
					var arr = this.formState.CheckJson.split('')
					arr.forEach((e,i,array)=>{
						if(e=="1")
						{
							arr[i]="是"
						}
						else
						arr[i]='无此项'
					})
					this.CheckJsonArr=arr
				})
			},

		}
	}
</script>

<style>

</style>
